<template>
  <div>

    <!-- 轮播图 -->

    <mt-swipe :auto="4000">
      <mt-swipe-item>
        <img src="../../assets/images/muwu.jpg" alt="">
      </mt-swipe-item>
      <mt-swipe-item>
        <img src="../../assets/images/shuijiao.jpg" alt="">
      </mt-swipe-item>
    </mt-swipe>
    <ul class="mui-table-view mui-grid-view mui-grid-9">
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
        <a href="#">
          <img src="../../assets/images/menu1.png" alt="">
          <div class="mui-media-body">Home</div>
        </a>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
        <a href="#">
          <img src="../../assets/images/menu2.png" alt="">
          <div class="mui-media-body">Home</div>
        </a>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
        <a href="#">
          <img src="../../assets/images/menu3.png" alt="">
          <div class="mui-media-body">Home</div>
        </a>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
        <a href="#">
          <img src="../../assets/images/menu4.png" alt="">
          <div class="mui-media-body">Home</div>
        </a>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
        <a href="#">
          <img src="../../assets/images/menu5.png" alt="">
          <div class="mui-media-body">Home</div>
        </a>
      </li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
        <a href="#">
          <img src="../../assets/images/menu6.png" alt="">
          <div class="mui-media-body">Home</div>
        </a>
      </li>
    </ul>

  </div>
</template>
<script>
import {Toast} from 'mint-ui'
export default {
  data() {
    return {
      // lunbotuList:[]
    }
  },
  created() {
      // this.getLunbotu()
  },
  
  methods:{
    // getLunbotu(){
    //   this.$http.get('http://').then(result=>{
    //     // console.log(result.body)
    //     if(result.body.status===0){
    //       this.lunbotuList=result.body.message;
    //     }else{
    //       Toast("获取加载失败")
    //     }
    //   })
    // }

  }
 
}
</script>
<style lang="css" scoped>
  .mint-swipe{
    height: 200px;
  }
  img{
    width: 100%;
  }
</style>